<template>
	<view>
		<view class="aa">
			<view class="aa1" style="margin-top:300rpx;margin-left:30rpx;display: flex;">
				<view class="w">
					17.85w车友正在热聊
				</view>
				<view style="height:80rpx;width:2rpx;margin-left:20rpx;margin-top:10rpx;background-color: #808080;">
					
				</view>
				<view class="w" style="margin-left:20rpx">
					打开最新地点
				</view>
			</view>
			<image style="width:100%;height:100%"src="../../static/images/fq/ls.png" mode="aspectFill"></image>
			
		</view>
		
			
		
		
		<view class="aa2" style="margin-top:70rpx;margin-left:30rpx">
			
		</view>
	</view>
</template>

<script>
	
	
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.aa{
	width: 750rpx;
	height: 350rpx;
	position: relative;
}
.aa1 {
	position: absolute;
	width: 690rpx;
	height: 104rpx;
	margin:10rpx;
	background-color: #ffffff;
	box-shadow: 0rpx 6rpx 12rpx 0rpx 
		rgba(0, 0, 0, 0.16);
	border-radius: 20rpx;
}
.aa2 {
	width: 690rpx;
	height: 286rpx;
	background-color: #ffffff;
	box-shadow: 0rpx 6rpx 12rpx 0rpx 
		rgba(0, 0, 0, 0.16);
	border-radius: 20rpx;
}
.w {
	width:47%;
	height:80rpx;
	line-height: 80rpx;
	text-align: center;
	font-weight: 800;
	margin-top:10rpx;
}
.aa12{
	width: 264rpx;
		height: 40rpx;
		font-family: PingFang SC;
		font-size: 28rpx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 34rpx;
		letter-spacing: 0rpx;
		color: #252525;
}
</style>
